

<!DOCTYPE html>
<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>详细页面</title>
    <meta name="keywords" content="">
    <meta charset="utf-8">
    <meta name="description" content="">
    <script src="/js/rem.js"></script>
    <script src="/js/jquery.min.js" type="text/javascript"></script>
    <link rel="stylesheet" type="text/css" href="/css/base.css" />
    <link rel="stylesheet" type="text/css" href="/css/page.css" />
    <link rel="stylesheet" type="text/css" href="/css/all.css" />
    <link rel="stylesheet" type="text/css" href="/css/mui.min.css" />
    <link rel="stylesheet" type="text/css" href="/css/loaders.min.css" />
    <link rel="stylesheet" type="text/css" href="/css/loading.css" />
    <link rel="stylesheet" type="text/css" href="/slick/slick.css" />
    <link rel="stylesheet" type="text/css" href="/css/mui.picker.min.css" />
    <script type="text/javascript">
        $(window).load(function () {
            $(".loading").addClass("loader-chanage")
            $(".loading").fadeOut(300)
        })
    </script>

</head>
<div class="loading">
    <div class="loader">
        <div class="loader-inner pacman">
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
        </div>
    </div>
</div>
<body>

    <div class="headertwo clearfloat" id="header">
        <a href="javascript:history.go(-1)" class="fl box-s"><i class="iconfont icon-arrow-l fl"></i></a>
        <p class="fl">房源详情</p>
        <a href="#" class="fr" onClick="toshare()"><i class="iconfont icon-fenxiang fl"></i></a>
    </div>

    <!--分享内容-->
    <div class="am-share">
        <h3 class="am-share-title">分享到</h3>
        <ul class="am-share-sns">
            <li><a href="#"> <i class="iconfont icon-weixin weixin"></i> <span>微信</span> </a> </li>
            <li><a href="#"> <i class="iconfont icon-qq qq"></i> <span>QQ</span> </a> </li>
            <li><a href="#"> <i class="iconfont icon-weibo weibo"></i> <span>微博</span> </a> </li>
            <li><a href="#"> <i class="iconfont icon-renrenwang renren"></i> <span>人人</span> </a> </li>
        </ul>
        <div class="am-share-footer"><button class="share_btn">取消</button></div>
    </div>

    <div class="clearfloat" id="main">
        <div class="service clearfloat">
            <div class="slider one-time">
                    <div>
                        <img src="/upload/2019/09/23/E7320D2FBEAC16D0A0C42BD813BF2023.jpg" />
                        <div class="tit clearfloat box-s">
                            <p class="one">东原阅城</p>
                            <p class="two">中原-航海西路-西三环</p>
                        </div>
                    </div>
                    <div>
                        <img src="/upload/2019/09/23/057FA334F6A97E28CDA788AD56617D5D.jpg" />
                        <div class="tit clearfloat box-s">
                            <p class="one">东原阅城</p>
                            <p class="two">中原-航海西路-西三环</p>
                        </div>
                    </div>
                    <div>
                        <img src="/upload/2019/09/23/584DBC64712CA20A876BE2ACA4936E7A.jpg" />
                        <div class="tit clearfloat box-s">
                            <p class="one">东原阅城</p>
                            <p class="two">中原-航海西路-西三环</p>
                        </div>
                    </div>
                    <div>
                        <img src="/upload/2019/09/23/CF800D93DBC30EEEEA84C9D3CA12D439.jpg" />
                        <div class="tit clearfloat box-s">
                            <p class="one">东原阅城</p>
                            <p class="two">中原-航海西路-西三环</p>
                        </div>
                    </div>
                    <div>
                        <img src="/upload/2019/09/23/0ED2D916F11D90D85251C9F62FED7D0A.jpg" />
                        <div class="tit clearfloat box-s">
                            <p class="one">东原阅城</p>
                            <p class="two">中原-航海西路-西三环</p>
                        </div>
                    </div>
                    <div>
                        <img src="/upload/2019/09/23/29B295652FB29FCB6551DBF0E9DDB856.jpg" />
                        <div class="tit clearfloat box-s">
                            <p class="one">东原阅城</p>
                            <p class="two">中原-航海西路-西三环</p>
                        </div>
                    </div>
                    <div>
                        <img src="/upload/2019/09/23/BCF57184F16237919D21FE792B0A7409.jpg" />
                        <div class="tit clearfloat box-s">
                            <p class="one">东原阅城</p>
                            <p class="two">中原-航海西路-西三环</p>
                        </div>
                    </div>
                    <div>
                        <img src="/upload/2019/09/23/F336F68FD1815E2720AB0213D6410DC4.jpg" />
                        <div class="tit clearfloat box-s">
                            <p class="one">东原阅城</p>
                            <p class="two">中原-航海西路-西三环</p>
                        </div>
                    </div>
                    <div>
                        <img src="/upload/2019/09/23/A850CD72969D016FEF1DC26D4FF100C2.jpg" />
                        <div class="tit clearfloat box-s">
                            <p class="one">东原阅城</p>
                            <p class="two">中原-航海西路-西三环</p>
                        </div>
                    </div>
                    <div>
                        <img src="/upload/2019/09/23/2525E00D31C289ADDDB2222DFCBAA60C.jpg" />
                        <div class="tit clearfloat box-s">
                            <p class="one">东原阅城</p>
                            <p class="two">中原-航海西路-西三环</p>
                        </div>
                    </div>
                    <div>
                        <img src="/upload/2019/09/23/46EAC65EE40C966812C0B6C0554BE924.jpg" />
                        <div class="tit clearfloat box-s">
                            <p class="one">东原阅城</p>
                            <p class="two">中原-航海西路-西三环</p>
                        </div>
                    </div>
                    <div>
                        <img src="/upload/2019/09/23/5E40B6D25FBBD0D1670EF46840687BC4.jpg" />
                        <div class="tit clearfloat box-s">
                            <p class="one">东原阅城</p>
                            <p class="two">中原-航海西路-西三环</p>
                        </div>
                    </div>
                    <div>
                        <img src="/upload/2019/09/23/24CC16F34C03D93790ACADB50C3DAC51.jpg" />
                        <div class="tit clearfloat box-s">
                            <p class="one">东原阅城</p>
                            <p class="two">中原-航海西路-西三环</p>
                        </div>
                    </div>
                    <div>
                        <img src="/upload/2019/09/23/3BD40140730A985DD7033D10B8107D9E.jpg" />
                        <div class="tit clearfloat box-s">
                            <p class="one">东原阅城</p>
                            <p class="two">中原-航海西路-西三环</p>
                        </div>
                    </div>
                    <div>
                        <img src="/upload/2019/09/23/C493A4B57DCFC2729A29D2AE147094EC.jpg" />
                        <div class="tit clearfloat box-s">
                            <p class="one">东原阅城</p>
                            <p class="two">中原-航海西路-西三环</p>
                        </div>
                    </div>
                    <div>
                        <img src="/upload/2019/09/23/4C206B03BF45901A1298ED6A3F3E2C57.jpg" />
                        <div class="tit clearfloat box-s">
                            <p class="one">东原阅城</p>
                            <p class="two">中原-航海西路-西三环</p>
                        </div>
                    </div>
                    <div>
                        <img src="/upload/2019/09/23/49A08E2CBC92AC4DC3A3751AA2623379.jpg" />
                        <div class="tit clearfloat box-s">
                            <p class="one">东原阅城</p>
                            <p class="two">中原-航海西路-西三环</p>
                        </div>
                    </div>
                    <div>
                        <img src="/upload/2019/09/23/8829A94B2297038EA7EEA7575017A255.jpg" />
                        <div class="tit clearfloat box-s">
                            <p class="one">东原阅城</p>
                            <p class="two">中原-航海西路-西三环</p>
                        </div>
                    </div>
                    <div>
                        <img src="/upload/2019/09/23/D5F5A2CDA27CEE207D030DCFC184FEFD.jpg" />
                        <div class="tit clearfloat box-s">
                            <p class="one">东原阅城</p>
                            <p class="two">中原-航海西路-西三环</p>
                        </div>
                    </div>
                    <div>
                        <img src="/upload/2019/09/23/D88BE67CEF92C08413D96A8F8800C597.jpg" />
                        <div class="tit clearfloat box-s">
                            <p class="one">东原阅城</p>
                            <p class="two">中原-航海西路-西三环</p>
                        </div>
                    </div>
                    <div>
                        <img src="/upload/2019/09/23/4E4FD679D99D3179EA2FECF685019D8D.jpg" />
                        <div class="tit clearfloat box-s">
                            <p class="one">东原阅城</p>
                            <p class="two">中原-航海西路-西三环</p>
                        </div>
                    </div>
                    <div>
                        <img src="/upload/2019/09/23/6C14E37E7472EA5CFF4541F0578E3432.jpg" />
                        <div class="tit clearfloat box-s">
                            <p class="one">东原阅城</p>
                            <p class="two">中原-航海西路-西三环</p>
                        </div>
                    </div>
                    <div>
                        <img src="/upload/2019/09/23/672C6B8F9CF07B7B97B701D70B036945.jpg" />
                        <div class="tit clearfloat box-s">
                            <p class="one">东原阅城</p>
                            <p class="two">中原-航海西路-西三环</p>
                        </div>
                    </div>
                    <div>
                        <img src="/upload/2019/09/23/BA9D570FD9107F180BBE1F0D7D2CCA10.jpg" />
                        <div class="tit clearfloat box-s">
                            <p class="one">东原阅城</p>
                            <p class="two">中原-航海西路-西三环</p>
                        </div>
                    </div>
                    <div>
                        <img src="/upload/2019/09/23/716AAD9D0B605AF91A5106630209CEFC.jpg" />
                        <div class="tit clearfloat box-s">
                            <p class="one">东原阅城</p>
                            <p class="two">中原-航海西路-西三环</p>
                        </div>
                    </div>
                    <div>
                        <img src="/upload/2019/09/23/EB3C94C9287B5195CF8286C11776DF41.jpg" />
                        <div class="tit clearfloat box-s">
                            <p class="one">东原阅城</p>
                            <p class="two">中原-航海西路-西三环</p>
                        </div>
                    </div>
                    <div>
                        <img src="/upload/2019/09/23/D1E26289BC43F8CD363E027D0E824AAA.jpg" />
                        <div class="tit clearfloat box-s">
                            <p class="one">东原阅城</p>
                            <p class="two">中原-航海西路-西三环</p>
                        </div>
                    </div>
                    <div>
                        <img src="/upload/2019/09/23/AD2DE677C5794B839E2BC9881794CAD0.jpg" />
                        <div class="tit clearfloat box-s">
                            <p class="one">东原阅城</p>
                            <p class="two">中原-航海西路-西三环</p>
                        </div>
                    </div>


            </div>
        </div>
        <div class="service-top clearfloat box-s">
            <div class="left fl clearfloat box-s">
                <p class="tit titwo">750<span>元/月</span></p>
                <p class="fu-tit">两室   |  40.00 m²  |  简单装修 | 整租 </p>
            </div>
            <div class="right fl clearfloat">
                <i class="iconfont icon-shoucang"></i>
                <p>收藏</p>
            </div>
        </div>

        <div class="service-ctent clearfloat">
            <div class="recom-tit clearfloat box-s">
                <p>房屋信息</p>
            </div>
            <div class="service-list clearfloat box-s">
                <ul>
                    <li>类型：整租</li>
                    <li>朝向：朝南</li>
                    <li>楼层：30 / 32 </li>
                    <li>装修：简单装修</li>
                    <li>现状：已出租</li>
                    <li>可入驻：2019/9/10 11:30:20</li>
                    <li>建造年代：2017 年</li>
                    <li>可看房：2019/9/10 11:30:20 以后</li>
                </ul>
                <p class="service-tit">交通：263路; s161路</p>
            </div>
        </div>

        <div class="service-ctent clearfloat">
            <div class="recom-tit clearfloat box-s">
                <p>配置设施</p>
            </div>
            <div class="service-ties clearfloat box-s">
                <ul>

                </ul>
            </div>
        </div>

        <div class="service-ctent clearfloat">
            <div class="recom-tit clearfloat box-s">
                <p>房源描述</p>
            </div>
            <p class="tit box-s">
                汇泉西悦城 3室2厅 精装修
            </p>
        </div>

        <div class="service-ctent clearfloat">
            <div class="recom-tit clearfloat box-s">
                <p>相似好房</p>
            </div>
            <div class="recom-xia clearfloat box-s">
                    <div class="list clearfloat fl">
                        <a href="house-details.html">
                            <div class="tu">
                                <span></span>
                                <img src="/upload/2019/09/23/B398E5CAE270C95FB87F446F1257E249_thumb.jpg" />
                            </div>
                            <div class="bottom clearfloat">
                                <div class="top clearfloat">
                                    <p class="biaoti">东原阅城</p>
                                    <p class="price">500<span>元/月</span></p>
                                </div>
                                <p class="fu-tit">
                                    两室   |  (23.00)m²  |  简单装修
                                </p>
                            </div>
                        </a>
                    </div>
                    <div class="list clearfloat fl">
                        <a href="house-details.html">
                            <div class="tu">
                                <span></span>
                                <img src="/upload/2019/09/23/BA9D570FD9107F180BBE1F0D7D2CCA10_thumb.jpg" />
                            </div>
                            <div class="bottom clearfloat">
                                <div class="top clearfloat">
                                    <p class="biaoti">东原阅城</p>
                                    <p class="price">550<span>元/月</span></p>
                                </div>
                                <p class="fu-tit">
                                    两室   |  (20.00)m²  |  简单装修
                                </p>
                            </div>
                        </a>
                    </div>
                    <div class="list clearfloat fl">
                        <a href="house-details.html">
                            <div class="tu">
                                <span></span>
                                <img src="/upload/2019/09/23/672C6B8F9CF07B7B97B701D70B036945_thumb.jpg" />
                            </div>
                            <div class="bottom clearfloat">
                                <div class="top clearfloat">
                                    <p class="biaoti">东原阅城</p>
                                    <p class="price">660<span>元/月</span></p>
                                </div>
                                <p class="fu-tit">
                                    两室   |  (23.00)m²  |  简单装修
                                </p>
                            </div>
                        </a>
                    </div>


            </div>
        </div>

    </div>


    <div class="footer-look clearfloat" id="footer">
        <a href="#loginmodal" id="modaltrigger">我要看房</a>
    </div>


    <!--弹窗内容 star-->
    <div id="loginmodal" class="box-s loginmodal" style="display:none;">
        <form id="loginform" name="loginform" method="post" action="">
            <div class="center"><input type="button" name="loginbtn" id="loginbtn" class="flatbtn-blu hidemodal" value="" tabindex="3"></div>
        </form>
        <div class="top clearfloat box-s">
            填写信息
        </div>
        <div class="bottom clearfloat box-s">
            <ul>
                <li class="clearfloat">
                    <i class="iconfont icon-user"></i>
                    <input type="text" name="" id="txt_Name" value="" placeholder="您的姓名" />
                </li>
                <li class="clearfloat">
                    <i class="iconfont icon-phone"></i>
                    <input type="text" name="" id="txt_Mobile" value="" placeholder="您的手机号码" />
                </li>
                <li class="clearfloat">
                    <i class="iconfont icon-calendar"></i>
                    <input type="text" name="" id="visitDate" value="" placeholder="请选择看房时间" />
                </li>
            </ul>
            <input type="button" name="" id="btn_App" value="立即预约" class="btn" />
        </div>
    </div>
    <!--弹窗内容 end-->
</body>
</html>
<script src="/js/fastclick.js"></script>
<script src="/js/mui.min.js"></script>
<script type="text/javascript" src="/js/hmt.js"></script>
<script type="text/javascript" src="/js/jquery.leanModal.min.js"></script>
<script type="text/javascript" src="/slick/slick.min.js"></script>
<script type="text/javascript" src="/js/mui.picker.min.js"></script>
<script type="text/javascript" src="/js/tchuang.js"></script>
<script type="text/javascript">
    $('.one-time').slick({
        dots: true,
        infinite: false,
        speed: 300,
        slidesToShow: 1,
        touchMove: false,
        slidesToScroll: 1
    });
</script>
<!--分享js-->
<script type="text/javascript">
        function toshare() {
            $(".am-share").addClass("am-modal-active");
            if ($(".sharebg").length > 0) {
                $(".sharebg").addClass("sharebg-active");
            } else {
                $("body").append('<div class="sharebg"></div>');
                $(".sharebg").addClass("sharebg-active");
            }
            $(".sharebg-active,.share_btn").click(function () {
                $(".am-share").removeClass("am-modal-active");
                setTimeout(function () {
                    $(".sharebg-active").removeClass("sharebg-active");
                    $(".sharebg").remove();
                }, 300);
            })
        }



        $(function () {

            //点击预约时间文本框弹出日期选择器
            $("#visitDate").click(function () {

                var dtPicker = new mui.DtPicker({ type: 'date' });
                dtPicker.show(function (selectItems) {
                    var y = selectItems.y.text;
                    var m = selectItems.m.text;
                    var d = selectItems.d.text;
                    var visitDate = y + "-" + m + "-" + d;
                    $("#visitDate").val(visitDate);
                })

            });


            //提交预约记录
            $("#btn_App").click(function () {
                //获取用户输入的信息
                var name = $("#txt_Name").val();
                var mobile = $("#txt_Mobile").val();
                var visitDate = $("#visitDate").val();
                var houseId =10348;
                $.post("/House/Add", { Name: name, PhoneNum: mobile, VisitDate: visitDate, HouseId: houseId }, function (data) {
                    if (data.State == 1) {
                        //弹出成功提示
                        layer.open({
                            content: data.ErrorMessage
                            , btn: '我知道了',
                            yes: function (index) {
                                //关闭窗口
                                $("#lean_overlay").fadeOut(200);
                                $("#loginmodal").hide();
                                layer.close(index);
                            }
                        });
                    }
                    else {
                        //弹出错误提示
                        layer.open({
                            content: data.ErrorMessage
                            , btn: '我知道了'
                        });
                    }

                }, "json");

            });
        })


</script>

